<link href="__CDN__/assets/addons/qingdongams/css/common.css?v={$Think.config.site.version}" rel="stylesheet">

<style type="text/css">
	.btn-list {
		position: fixed;
		right: 40px;
	}
	.div-flex {
		display: flex
	}
	.div-flex .form-group {
		margin-right: 50px;
		text-align: center;
		line-height: 25px;
		margin-bottom: 0;
	}
	.tab-pane {
		border: 1px solid #F6F6F6;
	}
	.i-color {
		font-size: 34px;margin-right: 10px;color: #86C3FF;
	}
	.thumbnail {
		display: flow-root;
		width: max-content;
	}
	.thumbnail img {
		width: 50px;
		float: left;
		padding: 5px;
	}
	.col-sm-10 b{
		font-weight: unset !important;
		color:#000 !important;
	}
</style>
<div class="panel panel-default panel-intro">
	<input type="hidden" name="ids" id="ids" value="{$ids}"/>
	<div class="div-flex">
		<img src="{$row.img}" width="50" style="margin-right: 10px;">
		<div style="line-height: 35px"><b>{$row.name}</b></div>
		<div class="btn-list">
			<a class="btn btn-info btn-dialog" data-url="qingdongams/parts/parts/import?ids={$row.id}" data-area=["90%","90%"] data-title="备件入库" >备件入库</a>
			<a class="btn btn-info btn-dialog" data-url="qingdongams/parts/parts/export?ids={$row.id}" data-area=["90%","90%"] data-title="备件出库" >备件出库</a>
			<a class="btn btn-info btn-edit" data-toggle="dropdown">编辑</a>
			<a class="btn btn-info btn-danger btn-del"  id="dels">删除</a>

		</div>
	</div>
	<div class="div-flex" style="margin-top: 20px">
		<div class="form-group">
			<span>备件编码</span>
			<p><label>{$row.num}</label></p>
		</div>
		<div class="form-group">
			<span>备件库存</span>
			<p><label>{$row.stock}</label></p>
		</div>
		<div class="form-group">
			<span>预警库存</span>
			<p><label>{$row.warning_stock}</label></p>
		</div>
		<div class="form-group">
			<span>标准价格</span>
			<p><label>{$row.price}</label></p>
		</div>
	</div>


	<div>

		<ul class="nav nav-tabs" role="tablist">
			<li role="presentation" class="active"><a href="#basic" aria-controls="profile" role="tab" data-toggle="tab">基本信息</a></li>
			<li role="presentation"><a href="#stock" aria-controls="profile" role="tab" data-toggle="tab">库存变更记录</a></li>
			<li role="presentation"><a href="#examine" aria-controls="profile" role="tab" data-toggle="tab">库存审批记录</a></li>
		</ul>

		<div class="tab-content" style="overflow-y: scroll;height:400px">

			<div role="tabpanel" class="tab-pane fade panel-body active in" id="basic">


				<div class="form-group">
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">所属产品:</span>
							<b>{$row.product_id}</b>
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">备件名称:</span>
							<b>{$row.name}</b>
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">备件编码:</span>
							<b>{$row.num}</b>
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">备件单位:</span>
							<b>{$row.unit}</b>
						</div>
					</div>
					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">标准价格:</span>
							<b>{$row.price}</b>
						</div>
					</div>

					<div class="col-xs-6 col-sm-5">
						<div class="form-group col-sm-10">
							<span class="text-muted">备件描述:</span>
							<b>{$row.description}</b>
						</div>
					</div>
				</div>

			</div>
<!--			//库存-->
			<div role="tabpanel" class="tab-pane fade panel-body " id="stock">
				<table id="stock_table" class="table table-striped table-bordered table-hover table-nowrap"
					   width="100%">
				</table>
			</div>
			<div role="tabpanel" class="tab-pane fade panel-body " id="examine">
				<table id="examine_table" class="table table-striped table-bordered table-hover table-nowrap"
					   width="100%">
				</table>
			</div>

		</div>

	</div>
</div>